<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>云服务配置</title>
    <div data-th-replace="layout/head-top"></div>
    <style>.progress{height: 20px;}.progress-bar{line-height: 20px;}.progress-bar-warning{background-color: #f8ac59;}</style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div>
            <h4>
                <ol class="breadcrumb">
                    <li>
                        <a href="javascript:void(0)"><i class="fa fa-home"></i> <span>云服务</span></a>
                    </li>
                    <li>
                        <strong>云服务配置</strong>
                    </li>
                </ol>
            </h4>
        </div>
    <!--    申请开通 开始
        <th:block th:if="!${isOpen}">
        <div class="container">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    申请开通云服务
                </div>
                <div class="panel-body">
                    <h3 class="text-center alert alert-warning">
                        <div ><i class="fa fa-info-circle" style="font-size: 60px"></i></div>
                        <p class="pt10">平台检测到您还未开通云视频服务，开通后才可使用录播、直播服务。<br /><br />请填写以下表单在线申请开通！</p>
                    </h3>
                    <section class="center-block" style="margin-top: 30px;">
                        <div class="mt form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">客户手机号</label>
                                <div class="col-sm-7">
                                    <input type="text" th:disabled="${sysConfig['contextTreeMap']['userMobile']}!=null and ${sysConfig['contextTreeMap']['userMobile']}!=''" th:value="${sysConfig['contextTreeMap']['userMobile']}" name="mobile" id="mo"class="form-control" placeholder="请输入常用手机号">
                                </div>
                            </div>
                            <th:block th:if="${sysConfig['contextTreeMap']['userMobile']}==null or ${sysConfig['contextTreeMap']['userMobile']}==''">
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <label for="exampleInputPassword2" class="col-sm-2 control-label">短信验证码</label>
                                <div class="col-sm-7">
                                    <div class="input-group">
                                        <input type="text"  name="mobileCode" placeholder="请输入手机短信验证码" id="exampleInputPassword2" class="form-control">
                                        <span class="input-group-btn"> <button id="Get_SMS" type="button" class="btn btn-white">获取短信验证码</button> </span>
                                    </div>
                                </div>
                            </div>
                            </th:block>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">选择开通服务</label>
                                <div class="col-sm-7" id="serviceType">
                                    <div class="checkbox i-checks">
                                        <label><input th:disabled="${sysConfig['contextTreeMap']['operation']}!=null and ${sysConfig['contextTreeMap']['operation']}!='' " th:checked="(${sysConfig['contextTreeMap']['operation']}==null or ${sysConfig['contextTreeMap']['operation']}=='1' or ${sysConfig['contextTreeMap']['operation']}=='3')" type="checkbox" value="1" > <i></i> 录播服务</label>
                                    </div>
                                    <div class="checkbox i-checks">
                                        <label><input th:disabled="${sysConfig['contextTreeMap']['operation']}!=null and ${sysConfig['contextTreeMap']['operation']}!='' " th:checked="(${sysConfig['contextTreeMap']['operation']}=='2' or ${sysConfig['contextTreeMap']['operation']}=='3')" type="checkbox" value="2"> <i></i> 直播服务</label>
                                    </div>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-2">
                                    <button class="btn btn-primary btn-lg" th:disabled="(${sysConfig['contextTreeMap']['userMobile']}!=null and ${sysConfig['contextTreeMap']['userMobile']}!='') or ${videoType}!='96K'"  th:text="(${sysConfig['contextTreeMap']['userMobile']}!=null and ${sysConfig['contextTreeMap']['userMobile']}!='')?'审核中':'提交申请'" id="submitApplication" data-type="1" type="submit"></button>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        </th:block>
        申请开通 结束-->

        <th:block th:if="${isOpen}">
            <!--已开通 配置参数 开始-->
            <div>
                <div class="row">
                    <form id="sysConfigForm">
                        <div class="col-sm-9">

                            <div th:if="${sysConfig['configType']}=='V96K'" class="float-e-margins">
                                <div class="ibox-title">
                                    <h5>268云服务数据与配置</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="form-horizontal">
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right">
                                                云服务流量</label>
                                            <div class="col-sm-9">
                                                <div class="progress">
                                                    <div id="use_flow_scale" class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                                                        0%<span class="sr-only">40% Complete (success)</span>
                                                    </div>
                                                </div>
                                                <span class="ml10">
                                                    <span class="c-999 fs12">已使用</span>
                                                    <big class="fs24 c-green" id="use_flow">20</big>
                                                    <span class="c-999 fs12" id="flow">G，共 720 G</span>
                                                </span>
                                                <div id="flow_Tips" class="hide">
                                                    <span class="ml10 c-red">
                                                    <i class="fa fa-gittip"></i>
                                                    您的流量已超，请在右侧点击按钮申请升级
                                                </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="hr-line-dashed"></div>
                                            <label class="col-sm-2 control-label text-right">
                                                云服务空间</label>
                                            <div class="col-sm-9">
                                                <div class="progress">
                                                    <div id="use_space_scale" class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                                                        0%<span class="sr-only">60% Complete (success)</span>
                                                    </div>
                                                </div>
                                                <span class="ml10">
                                                    <span class="c-999 fs12">已使用</span>
                                                    <big class="fs24 c-orange" id="use_space">10</big>
                                                    <span class="c-999 fs12" id="space">G，共 20 G</span>
                                                </span>
                                                <div id="space_Tips" class="hide">
                                                    <span class="ml10 c-red">
                                                    <i class="fa fa-gittip"></i>
                                                    您的空间已超，请在右侧点击按钮申请升级
                                                </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="hr-line-dashed"></div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right">
                                                服务到期时间</label>
                                            <div class="col-sm-6">
                                                <span class="ml10">
                                                    <span class="c-999 fs12">到期时间：</span>
                                                    <big class="fs24 c-green"id="service_endTime">20</big>
                                                    <span class="c-999 fs12">&nbsp;&nbsp;距离服务到期还有：</span>
                                                    <big class="fs24 c-orange" id="service_day"></big>
                                                    <span class="c-999 fs12">天</span>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="hr-line-dashed"></div>
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label text-right">
                                                用户 手机号</label>
                                            <div class="col-sm-6">
                                                <input type="text" disabled name="userMobile" th:value="${sysConfig['contextTreeMap']['userMobile']}" class="form-control"/>
                                            </div>
                                        </div>
                                    <div class="hr-line-dashed"></div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-sm-3">
                            <div class="ibox-title">
                                <h5>云服务升级</h5>
                            </div>
                            <div class="ibox-content">
                                <div class="alert alert-warning">
                                    客户您好：<br /><br />
                                    做为初步使用网校平台，我们为您准备了基础版云视频服务只需自主一键开通即可。开通后可在此批量上传运营所需的音视频数据资源。本平台自动转码，并提供上传的音视频资源管理以及创建
                                    直播的管理等服务 。<br /><br />

                                    当您在运营一阶段。需要扩展流量、空间时，只需升级至标准版云视频服务即可。
                                    <br/>
                                    <br/>
                                    客服电话：
                                    <strong>15832677145、18601120030</strong>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--已开通 配置参数 结束-->
        </th:block>
    </div>
    <div data-th-replace="layout/head-footer"></div>
    <script th:inline="javascript" type="text/javascript">
        var isOpen =[[ ${isOpen}]];
        var vlasProviderMap =[[ ${vlasProviderMap}]];
        var registrationService =[[ ${registrationService}]];
    </script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cloud/cloud-update-config.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>